"use client" 
/*
 * @Author: hongbin
 * @Date: 2025-04-25 13:33:59
 * @LastEditors: hongbin
 * @LastEditTime: 2025-04-25 15:18:44
 * @Description:
 */
import Link from "next/link";
import { FC } from "react";
import { styled } from "styled-components";

interface IProps {
    children: React.ReactElement;
}

const Layout: FC<IProps> = ({ children }) => {
    return (
        <Container>
            <h1>提醒事件</h1>
            <div>
                <Link href='/todo'>添加</Link>
                &nbsp;
                <Link href='/todo/already'>todo</Link>
                &nbsp;
                <Link href='/todo/already'>已做</Link>
            </div>
            {children}
        </Container>
    );
};

export default Layout;

const Container = styled.div`
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
`;
